import { StyleSheet, Text, View } from "react-native";

const styles = StyleSheet.create({
  tips: {
    borderRadius: 8,
    backgroundColor: 'rgba(0, 0, 0, 0.1)',
    padding: 10,
    margin: 16,
    display: 'flex',
    flexDirection: 'row',
  },
  tipsTag: {
    color: 'rgba(0, 0, 0, 0.5)',
    backgroundColor: 'gold',
    fontSize: 12,
    paddingLeft: 4,
    paddingRight: 4,
    borderRadius: 4,
    marginRight: 6
  },
  tipsText: {
    fontSize: 12,
    paddingRight: 4,
    marginRight: 60,
  }
});

export default function Tips() {
  return (
    <View style={styles.tips}>
      <Text style={styles.tipsTag}>资讯</Text>
      <Text numberOfLines={1} style={styles.tipsText}>呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱呱</Text>
    </View>
  );
}
